<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
		<title>学习与测试</title>
		<link href="./css/style.css" type="text/css" rel="stylesheet"/>
		<script src="./js/jquery-2.2.3.min.js"></script>
		<script src="./js/style.js"></script>
	</head>
	<body>
		<div id="sidebar">
			<div class="sidebar_title">
				<p>个人信息</p>
			</div>

			<div class="head_img">
				<span class="sidebar_left">头像</span>
				<span class="sidebar_right">
					<img src="./image/test.jpg" wdith="50" height="50"/>
				</span>
			</div>
			<hr/>

			<div class="sidebar_block">
				<span class="sidebar_left">昵称</span>
				<span class="sidebar_right">lauwen</span>
			</div>
			<hr/>

			<div class="sidebar_block">
				<span class="sidebar_left">学号</span>
				<span class="sidebar_right">140201011022</span>
			</div>
			<hr/>

			<div class="sidebar_block">
				<span class="sidebar_left">性别</span>
				<span class="sidebar_right">男</span>
			</div>
			<hr/>

			<div class="sidebar_block">
				<span class="sidebar_left">学院</span>
				<span class="sidebar_right">计算机学院</span>
			</div>
			<hr/>
			<div class="sidebar_block">
				<span class="sidebar_left"></span>
				<span class="sidebar_right">
					<a href="./change_info.html" class="change_info">修改信息</a>
				</span>
			</div>
			<hr/>

			<span id="sidebar_trigger" class="sidebar_trigger" style="display: block;">
				<p><img id="sidebar_button" src="./image/more2.png" width="50" height="50"/></p>
			</span>
			<!--<span id="sidebar_trigger1" class="sidebar_trigger" style="display: none;">-->
				<!--<p><img src="./image/close_button.png" width="50" height="50"/></p>-->
			<!--</span>-->
		</div>
		<div id="popWindow" class="popWindow" style="display: none;">
		</div>

<!--*****************************************************************************-->
		<div id="container">
			
			<div class="banner">
				<p style="font-family:华文楷体;">北京理工大学珠海学院</p>
				<p style="font-family:华文楷体;">计算机俱乐部</p>
			</div>
			
			<div class="main">
				
				<div class="block">
					<div class="select_block" id="study_a">
						<p align="center">
							<img src="image/study.png" width="35%"/>
							<p style="margin-top: 25px;" align="center">学习</p>
						</p>
						<!--<p>&nbsp;请选择:</p>-->
						<!--<p align="center">-->
							<!--<a href="study_base.html">基础知识</a><br/>-->
							<!--<a href="study_attainment.html">信息素养</a>-->
						<!--</p>-->

					</div>
					<div class="select_block" id="test_a">
						<p align="center">
							<img src="image/test.png" width="50%"/>
							<p style="margin-top: 28px;" align="center">测试</p>
						</p>
					</div>
				</div>
				
				<div class="block">
					<div class="select_block" id="collect_a">
						<p align="center">
							<img src="image/collect.png" width="40%"/>
							<p style="margin-top: 22px;" align="center">我的</p>
						</p>
					</div>
					<a href="./ranking.html">
						<div class="select_block">
							<p align="center">
								<img src="image/one.png" width="50%"/>
							<p style="margin-top: 34px;color: #333333;" align="center">排行榜</p>
							</p>
						</div>
					</a>

				</div>
				
			</div>
			<!--广告位-->
			<div class="ad"></div>
			<div class="foot">
				<p>Powered by:<a href="http://www.lauwen.top">文子</a></p>
			</div>
			
		</div>
	</body>
	<script>
		aaa();
	</script>
</html>
